@extends('admin.layout')
@section('content')
 <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                图片库
                <small>1100张图片</small>
            </h1>
            
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-2">
                    <a href="compose.html" class="btn btn-primary btn-block margin-bottom">上传图片</a>
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h3 class="box-title">分类</h3>
                            <div class="box-tools">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body no-padding">
                            <ul class="nav nav-pills nav-stacked">
                                <li class=""><a href="#"><i class="fa fa-inbox"></i> 文章 <span>
                                       
                                <li><a href="#"><i class="fa fa-envelope-o"></i> 轮播图</a></li>
                                <li><a href="#"><i class="fa fa-file-text-o"></i>标题背景</a></li>                             
                            </ul>
                        </div><!-- /.box-body -->
                    </div><!-- /. box -->
                    
                </div><!-- /.col -->
                <div class="col-md-10">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">预览</h3>
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
                                    <input type="text" class="form-control input-sm" placeholder="搜索图片">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                </div>
                            </div><!-- /.box-tools -->
                        </div><!-- /.box-header -->
                        <div class="box-body no-padding">
                            <div class="mailbox-controls">
                                <!-- Check all button -->
                                
                                </button>
                                <div class="btn-group">
                                    <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>                                   
                                </div><!-- /.btn-group -->
                                <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                                <div class="pull-right">
                                    1-50/200
                                    <div class="btn-group">
                                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i>
                                        </button>
                                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i>
                                        </button>
                                    </div><!-- /.btn-group -->
                                </div><!-- /.pull-right -->
                            </div>
                            <div class="table-responsive mailbox-messages">
                                <table class="table table-hover table-striped">
                                    <tbody>
                                    <div class="timeline-body" style="padding-left:18px">
                                    @if($data)
                                        @foreach($data as $img)
                                            
                                            <img src="{{url('/')}}/{{$img=strrchr($img, 'uploads')}}" alt="..." class="margin" style="width:150px;">
                                           
                                        @endforeach
                                    @endif			                      
				                      
				                    </div>
                                    </tbody>
                                </table><!-- /.table -->
                            </div><!-- /.mail-box-messages -->
                        </div><!-- /.box-body -->
                        <div class="box-footer no-padding">
                            <div class="mailbox-controls">
                                <!-- Check all button -->
                                
                                </button>
                                <div class="btn-group">
                                    <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>                                    
                                </div><!-- /.btn-group -->
                                <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
                                <div class="pull-right">
                                    1-50/200
                                    <div class="btn-group">
                                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i>
                                        </button>
                                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i>
                                        </button>
                                    </div><!-- /.btn-group -->
                                </div><!-- /.pull-right -->
                            </div>
                        </div>
                    </div><!-- /. box -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->

@endsection